// 样式  style = {{ css属性名: 值 }}
// 行内样式 > ID选择器 > 类选择器 > 标签选择器

// 导入react和react-dom
import React from 'react';
import ReactDom from 'react-dom/client';
import './yangshi.css';

const divNode = (
  <>
    {/* react中不支持css属性类字符，要使用小驼峰 */}
    <div style={{ color: 'red', fontSize: 28, backgroundColor: 'pink' }}>
      我是行内样式
    </div>
    {/* JSX  className声明类名*/}
    <div className="test01">外部样式</div>
  </>
);

// 18版本以上新出的挂载方法
const root = ReactDom.createRoot(document.getElementById('root'));
root.render(divNode);
